<template>
	<view class="">
		<fui-nav-bar isOccupy isFixed background="#0052D9" title="出库详情" color="#fff" @leftClick="leftClick">
		  <fui-icon color="#fff" name="arrowleft"></fui-icon>
		</fui-nav-bar>
		
		<view class="warp">
		  <view class="nav">
		    <view class="port">
		      <view class="li">
		        <view class="left">备件名称</view>
		        <view class="right">电梯设备备件</view>
		      </view>
		      <view class="li">
		        <view class="left">备件编码</view>
		        <view class="right">SB219682</view>
		      </view>
		      <view class="li">
		        <view class="left">规格型号</view>
		        <view class="right">30*20*50</view>
		      </view>
		      <view class="li">
		        <view class="left">备件类型</view>
		        <view class="right">电梯设备备件类型</view>
		      </view>
		      <view class="li">
		        <view class="left">单位</view>
		        <view class="right">个</view>
		      </view>
					<view class="li">
					  <view class="left">存放位置</view>
					  <view class="right">备件位置03层012</view>
					</view>
					<view class="li">
					  <view class="left">出库数量</view>
					  <view class="right">23</view>
					</view>
		    </view>
		  </view>
		</view>
		
	</view>
</template>

<script setup>
	const leftClick = () => {
		uni.navigateBack()
	}
</script>

<style lang="scss" scoped>
	.warp {
	  flex: 1;
	  display: flex;
	  flex-direction: column;
	  overflow: hidden;
		margin-top: 20rpx;
	  .nav {
	    background-color: #fff;
			.port {
			  background-color: #fff;
			  margin-bottom: 20rpx;
			  .li {
			    display: flex;
			    align-items: center;
			    height: 100rpx;
			    padding-left: 40rpx;
			    .right {
			      margin-left: 30rpx;
			      color: #cbb8b8;
			    }
			  }
			  .item {
			    // height: 100rpx;
			    padding-left: 40rpx;
			    padding-bottom: 30rpx;
			    .left {
			      height: 70rpx;
			    }
			    .described {
			      padding-right: 50rpx;
			    }
			  }
			}
	    .top {
	      display: flex;
	
	      .img {
	        width: 180rpx;
	        height: 190rpx;
	      }
	      .nav_title {
	        // padding: 20rpx;
	        padding-left: 20rpx;
	        .h1 {
	          font-size: 30rpx;
	          font-weight: 600;
	          line-height: 60rpx;
	          height: 60rpx;
	        }
	        .h2 {
	          line-height: 44rpx;
	        }
	      }
	    }
	    .nav_bottom {
	      margin-top: 10rpx;
	      .nav_warp {
	        padding: 10rpx;
	        height: 50rpx;
	        display: flex;
	        align-items: center;
	      }
	    }
	  }
	  .scroll-view {
	    flex: 1;
	    // background-color: pink;
	    overflow: hidden;
	    padding-bottom: 170rpx;
	  }
	}
</style>